import React, { Component } from 'react'
import { Link } from "react-router-dom"
import { LeftOutlined , RightOutlined } from '@ant-design/icons';
import {Button} from "antd"
import "./phoneTest.css"
import { Input } from 'antd';
export default class phoneTest extends Component {
    render() {
        let phoneNamber = "15142527876"
        return (
            <div>
                <div className="phoneHeader">
                    <Link to="/accountSafe" className="phoneBack">
                        <LeftOutlined />
                    </Link>
                    <span>
                        账户与安全
                    </span>
                    <Link className="phoneTo">下一步</Link>
                </div>
                <div className="PhoneTestMain">
                    <div className="plesePost">
                        <div>通过以下手机接收验证码信息</div>
                        <div>{phoneNamber}</div>
                    </div>
                    <div>
                        <Input placeholder="请输入短信验证码" />
                        <div>
                            <Button>点击获取</Button>
                        </div>
                    </div>
                    <div>
                        <Input placeholder="请输入登录密码" />
                    </div>
                    <div>
                        <Link>
                            <div>该手机号码无法使用？</div>
                            <div>
                                <RightOutlined />
                            </div>
                        </Link>
                    </div>
                </div>
            </div>
        )
    }
}
